<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=hello, initial-scale=1.0">
    <title>Document</title>
    <link />
    <style></style>
    <script></script>
</head>
<body>
    hello world
    <p>      段落ddd</p>
    <p>
        
        
        这是一句话<br />这是一句话<br>
        文字<strong>文字</strong>文字文字
    </p>
    不建议操作：要求镜面嵌套
    <p>你好<strong>啊</p></strong>
    <script></script>
===================<br>
    标签：
        标签名称不区分大小写
        成对标签：开始标签、结束标签
        单标签：空元素  img
        块级元素:
                p margin-top/margin-bottom
                body margin
                div*
                h1~h6:margin/font-size/font-weight
                ul ol li  margin/list-type
                宽度是100%
                高度是有内容决定
                占用一整行
                一般用于页面结构的搭建
        行内元素：
                span img a
                em b i strong u
                高度、宽度都是有内容决定的
                会和其他元素共用一行
                一般用于内容填充
    <br>
  <pre>            123</pre>
    <p>
        段落：段后距离和段后距离<br>
        margin-top/margin-bottom
        width:100%
    </p>
    <span>
        主要填充文字
    </span>
    <span>第二个行内元素</span>
    <p>第二个块级元素</p>

    块级元素、行内元素的嵌套关系：
    <p>
        块级元素里可以<span>包含</span><br>
        行内<strong>元素</strong>
    </p>
    <span>行内元素不要<p>包含</p>块级元素</span>
    <p>
        <p>块级元素视情况，</p>
        <div>可以包含<div>块级</div>元素</div>
    </p>

</body>
</html>